<template>
    <view>
        <!-- #ifdef MP-WEIXIN -->
        <view v-if="isCanUse">
            <view>
                <view class='header'>
                    <image src='../../static/wx_login.png'></image>
                </view>
                <view class='content'>
                    <view>申请获取以下权限</view>
                    <text>获得你的公开信息(昵称，头像、地区等)</text>
                </view>

                <button class='bottom' type='primary' open-type="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="wxGetUserInfo">
                    去授权登录
                </button>
            </view>
        </view>
        <!-- #endif -->
    </view>
</template>
<script>
export default {
     data() {
            return {
                SessionKey: '',
                OpenId: '',
                nickName: null,
                avatarUrl: null,
                isCanUse: uni.getStorageSync('isCanUse')||true//默认为true
            };
        },
        methods: {
            //第一授权获取用户信息===》按钮触发
            wxGetUserInfo() {
                // let _this = this;
                uni.getUserInfo({
                    provider: 'weixin',
                    success: function(infoRes) {
                        let nickName = infoRes.userInfo.nickName; //昵称
                        let avatarUrl = infoRes.userInfo.avatarUrl; //头像
                        // try {
                        //     uni.setStorageSync('isCanUse', false);//记录是否第一次授权  false:表示不是第一次授权
                        //     _this.updateUserInfo();
                        // } catch (e) {}
                        getApp().globalData.userInfo[0].nickName = nickName
                        getApp().globalData.userInfo[0].avatarUrl = avatarUrl
                    },
                    fail(res) {}
                });
                
                this.login()
            },　
                login() {//登录
                let _this = this;
                uni.showLoading({
                    title: '登录中...'
                });
             
               // 1.wx获取登录用户code
                uni.login({
                    provider: 'weixin',
                    success: function(loginRes) {
                        let code = loginRes.code;
                        if (!_this.isCanUse) {
                            //非第一次授权获取用户信息
                            uni.getUserInfo({
                                provider: 'weixin',
                                success: function(infoRes) {
 　　　　　　　　　　　　　　　　　　　　　　//获取用户信息后向调用信息更新方法
                                    let nickName = infoRes.userInfo.nickName; //昵称
                                    let avatarUrl = infoRes.userInfo.avatarUrl; //头像
                                        // _this.updateUserInfo();//调用更新信息方法
                                        
                                }
                            });
                        }
            
                        //2.将用户登录code传递到后台置换用户SessionKey、OpenId等信息
                        uni.request({
                            url: 'http://47.108.197.149:8081/app/wxUser/wxLogin',
                            data: {
                                code: code,
                            },
                            method: 'POST',
                            // header: {
                            //     'content-type': 'application/json'
                            // },
                            success: (res) => {
                                //openId、或SessionKdy存储//隐藏loading
                                uni.hideLoading();
                                if (res.data.code == 200) {
                                    getApp().globalData.userInfo[0].userId = res.data.user.id //存一下用户的userId
                                    getApp().globalData.userInfo[0].openId = res.data.user.openId //存一下用户的openid
                                    getApp().globalData.userInfo[0].inviteCode = res.data.user.code //存一下用户的openid
                                    getApp().globalData.isLogin = true //改变登录状态
                                    uni.switchTab({
                                        url: '../Main/Main',
                                        fail:function(err){
                                            console.log(err)  
                                        }
                                    })
                                }
                            }
                        });
                    },
                });
            },
           
        },
    
}
</script>
<style scoped>
.header {
    margin: 90rpx 0 90rpx 50rpx;
    border-bottom: 1px solid #ccc;
    text-align: center;
    width: 650rpx;
    height: 300rpx;
    line-height: 450rpx;
}
.header image {
    width: 200rpx;
    height: 200rpx;
}
.content {
    margin-left: 50rpx;
    margin-bottom: 90rpx;
}
.content text {
    display: block;
    color: #9d9d9d;
    margin-top: 40rpx;
}
.bottom {
    border-radius: 80rpx;
    margin: 70rpx 50rpx;
    font-size: 35rpx;
}
</style>